<!--  -->
<template>
  <div>
    <text-img title="技术博客"
      subTitle="BLOG"
      text="在这里，你可以找到你不解的问题"
      source="/static/images/pd-bj.jpg"></text-img>
    <b-container class="blog-container">
      <b-row align-h="between">
        <b-col md="4" cols="12" class="margin-bottom">
          <tag-box></tag-box>
        </b-col>
        <b-col md="8" cols="12">
          <blog-list></blog-list>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
import TextImg from '@/components/TextImg'
import TagBox from './TagBox'
import BlogList from './BlogList'

export default {
  name: 'blog',
  components: {
    TextImg,
    TagBox,
    BlogList
  },

  data () {
    return {}
  },

  computed: {},

  methods: {}
}
</script>
<style lang='less' scoped>
  .blog-container {
    padding: 50px 15px;
  }
  .margin-bottom {
    margin-bottom: 1rem;
  }
</style>
